<template>
    <RouterLink to="/" class="goods-item">
        <img :src="good.picture" alt="" />
        <p class="name ellipsis">{{ good.name }}</p>
        <p class="desc ellipsis">{{ good.desc }}</p>
        <p class="price">&yen;{{ good.price }}</p>
    </RouterLink>
</template>

<script setup>
import { onMounted } from 'vue';

defineProps({
    good: {
        type: Object,
        default: () => { }
    }
})
</script>